@import "public";

// header
.header{
    width: 900px;height: 70px; margin: 0 auto; background: #f2f2f2; padding-top: 10px;
    div{
        width: 200px; height: 60px; margin-left: 30px; border-right: 1px solid #ccc; float: left; padding-right: 30px;
        img{
            width: 200px; height: 60px;
        }
    }    
    span{
        width: 116px; height: 46px; font-size: 24px;float: left; padding-left: 30px; line-height: 60px; font-weight: 600;
    }
}
//  main
.main{
    width: 890px; height: 402px; margin: 0 auto; background: #fff; border: 5px solid #e8e8e8; margin: 55px auto 0;
    .main_div{
         height: 400px; border: 1px solid #e1e1e1;
         .img{
             width: 460px; height: 400px; float: left;
         }
         .denglu{
             float: left; width: 321px; height: 354px; margin-left:55px ;
             .ul1{
                 li{
                     float: left; width: 160px; height: 54px; text-align: center; font-size: 16px; 
                     a{
                          width: 160px; display: inline-block; height: 16px;margin: 18px 0; color: #313840;
                     }
                 }
                 .li1{
                     font-weight: 600; color: #cb5970;
                     a{
                        border-right: 1px solid #ccc;  color: #e7493e;
                     }
                 }
             }
             .zhu{
                 width: 321px; margin-left: 55px; padding-top: 74px; 
                 img{
                     width: 159px; height: 159px; margin-left: 31px;border: 1px solid #f2f2f2;
                 }
                 .p1{
                    font-size: 12px; margin: 16px 0 16px 25px;
                 }
                 .img_p{
                      width: 276px; height: 6px; margin-left: -58px; padding-top: 20px;
                      img{
                          width: 276px; height: 26px; border: none;
                      }
                 }
             }
             .zhu_{
                 width: 321px; padding-top: 24px;  display: none;
                 .tishi_{
                     width: 318px; height: 23px; background: #fbf5e9; border: 1px solid #e1c7ae; font-size: 12px; display: inline-block; line-height: 22px;
                     .icon-light{
                         color: #edc853; padding: 0 10px;  display: inline-block;
                     }
                 }
                 .txt{
                     margin-top: 7px;
                     .icon-4{
                         width: 34px; height: 34px; border-left: 1px solid #babebf; border-top: 1px solid #babebf; border-bottom: 1px solid #babebf; text-align: center; line-height: 34px; font-size: 14px; display: inline-block; background: #f1f2f4;
                     }
                     input{
                         width: 252px; height: 32px; padding-left: 15px;
                     }
                 }
                 .pass{
                     margin-top: 7px;
                     .icon-suozi{
                         width: 34px; height: 34px; border-left: 1px solid #babebf; border-top: 1px solid #babebf; border-bottom: 1px solid #babebf; text-align: center; line-height: 34px; font-size: 24px; display: inline-block; background: #f1f2f4;
                     }
                     input{
                         width: 252px; height: 32px; padding-left: 15px;
                     }
                 }
                 .zhu_p1{
                     width: 320px; height: 37px; margin-bottom: 10px;
                     label{
                         float: left; height: 37px; margin-top: 14px; font-size: 14px; color: #999;
                         input{
                             margin-top: 4px; margin-right: 10px;
                         }
                     }
                     a{
                         float: right; margin-top: 14px; margin-right: 13px; color: #999;
                         
                     }
                     a:hover{
                             text-decoration: underline; color: red; 
                    }
                 }
                 .zhu_p2{
                     width: 318px;
                     input{
                         width: 320px; height: 40px; border: none; background: #f5342f; text-align: center;
line-height: 40px;  font-size: 18px; color: #fff; margin-bottom: 40px;  margin-top: 13px;                  
                    }
                 }
             }
             .bot{
                 width: 406px; height: 51px; background: #fcfcfc; margin-left: -33px; margin-top: 39px;
                 ul{
                     margin-left: 55px; position: relative;
                     li{
                         float: left; line-height: 50px; width: 76px; height: 50px;
                         img{
                             margin-top: 15px;
                         }
                         .img_b2{
                             margin-top: 18px;
                         }
                         .img_b1{
                             margin-top: 16px;
                         }
                     }
                     span{
                         float: left; position: absolute; 
                     }
                     .gun1{
                         top: 15px; left: 59px;
                     }
                     .gun2{
                         top: 15px; left: 136px;
                     }
                     .gun3{
                         top: 15px; left: 215px;
                     }
                     a:hover{
                         color: red;
                         text-decoration: underline; font-size: 12px;
                     }
                     .liji_{
                         color: red;
                     }
                 }
             }
         }    
    }
}
.bottom{
    text-align: center; width: 100%; margin-top: 40px; font-size: 12px;
    p{
        color: #9ea09b;
        span{
            color: #585858;
        }
    }
}
